import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-home2',
  templateUrl: './home2.component.html',
  styleUrls: ['./home2.component.scss']
})
export class Home2Component implements OnInit {

  public flag=true

  constructor() { }

  ngOnInit(): void {
    //组件和指令初始化完成 并不是真正的dom加载完成

    let oBox = document.getElementById('box')

    console.log(oBox.innerHTML)
    oBox.style.color='red'

    //获取不到dom节点
    // let oBox1 = document.getElementById('box1')
    //
    // console.log(oBox1.innerHTML)
    // oBox1.style.color='blue'
  }
  //视图加载完成以后触发的方法 dom加载完成（建议把dom操作放到这里面）
  ngAfterViewInit() {
    let oBox1 = document.getElementById('box1')

    console.log(oBox1.innerHTML)
    oBox1.style.color='blue'
  }
}
